<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子模型及应用</title>
    <style>
        body{

        }
        .div1{
            text-align: center;
            border:5px solid red;
            width: 80%;
            height: 200px;
            margin-bottom: 5%;
        }
        .div2{
            text-align: center;
            border-top:5px solid blue;
            border-right:5px dashed orange;
            border-left:5px double black;
            border-bottom:5px dotted purple;
            width: 80%;
            height: 200px;
        }
        .div3{
            margin-top: 5%;
            width: 80%;
            height: 200px;
            border-top:5px solid blue;
            border-right:5px dashed orange;
            border-left:5px double black;
            border-bottom:5px dotted purple;
            border-radius: 50px;
        }
        .div4{
            margin-top: 5%;
            width: 80%;
            height: 200px;
            border-top:5px solid blue;
            border-right:5px dashed orange;
            border-left:5px double black;
            border-bottom:5px dotted purple;
            border-radius: 50px 20px/30px 10px;
        }
        .div5{
            margin-top: 5%;
            width: 80%;
            height: 200px;
            border:5px solid red;
            padding: 50px;
        }
        .div6{
            margin-top: 5%;
            width: 80%;
            height: 200px;
            border:5px solid red;
            border-radius: 50%;
        }
    </style>
</head>
<body>
<article>
    <center>
        <div class="div1"></div>
        <div class="div2"></div>
        <div class="div3"></div>
        <div class="div4"></div>
        <div class="div5">
            <p style="font-size: 30px">西湖古称“钱塘湖”，又名“西子湖”，古代诗人苏轼就对它评价道：“欲把西湖比西子，淡妆浓抹总相宜。”
                西湖形态为近于等轴的多边形，湖面被孤山及苏堤、白堤两条人工堤分割为5个子湖区，
                子湖区间由桥孔连通，各部分的湖水不能充分掺混，造成...
            </p>
        </div>
        <div class="div6"></div>
    </center>
</article>
</body>
</html>